<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition
	template="/WEB-INF/facelets/templates/templateAdministrador.xhtml">
	<ui:define name="content">
		<h3 align="center" style="color: #FF9900">Gestionar Municipio</h3>
		<br />
		<br />
		Permite crear un nuevo municipio, editarlo y eliminarlo del sistema.
		<br />
		<br />
		<a4j:form>
			<h:panelGrid columns="3" id="campos">
				<h:outputText value="Nombre:" />
				<h:inputText value="#{administradorBean.municipio.nombre}"
					required="true" requiredMessage="Dato requerido" id="municipio">
				</h:inputText>
				<rich:message for="municipio" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>
				<a4j:commandButton value="Aceptar" id="aceptar"
					action="#{administradorBean.crearMunicipio}"
					oncomplete="#{rich:component('wait')}.show()"
					reRender="campos,tablaMuni" style="width: 70px; height: 20px; font-size: 12px; align: center"></a4j:commandButton>
			</h:panelGrid>
		</a4j:form>
		<br />
		<h:form>
			<a4j:region>
				<rich:dataTable value="#{administradorBean.listaMunicipios}"
					id="tablaMuni" var="muni">
					<f:facet name="header">
						<h:outputText value="Municipios Creados" />
					</f:facet>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Municipio" />
						</f:facet>
						<h:outputText value="#{muni}" id="grupo" />
					</rich:column>
				</rich:dataTable>
			</a4j:region>
		</h:form>

		<rich:modalPanel id="wait" autosized="true" width="300" height="120"
			moveable="false" style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Informacion" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelink"
						styleClass="hidelink" />
					<rich:componentControl for="wait" attachTo="hidelink"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGroup rendered="#{administradorBean.municipioCreado}">
							<h:panelGrid columns="2">
								<h:graphicImage value="/images/icons/ok.jpg" />
								<h:outputText value="Municipio Creado Satisfactoriamente"
									style="font-style: italic; font-size: 16px" />
							</h:panelGrid>
						</h:panelGroup>
					</a4j:outputPanel>
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGroup rendered="#{!administradorBean.municipioCreado}">
							<h:panelGrid columns="2">
								<h:graphicImage value="/images/icons/err.jpg" />
								<h:outputText
									value="Error creado el municipio (puede que este municipio ya exista o que haya un error en los datos)"
									style="font-style: italic; font-size: 16px" />
							</h:panelGrid>
						</h:panelGroup>
					</a4j:outputPanel>
					<a4j:commandButton value="Aceptar"
						oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('wait')}.hide();"
						reRender="tablaMuni"
						style="width: 100px; height: 30px; font-size: 16px; align: center"></a4j:commandButton>
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>

	</ui:define>
	<ui:define name="menu">
		<a4j:form>
			<ul class="menu">
				<li class="item174"><a href="gestionarInstituciones.jsf"> <span>Atras</span>
				</a>
				</li>
			</ul>
		</a4j:form>
	</ui:define>
</ui:composition>
</html>